{{Image pic.jpg}}                 => <img src="pic.jpg" alt="pic.jpg" class="image-box" />
{{Image pic.jpg, 600x800}}        => <img src="pic.jpg" alt="pic.jpg" width="600" height="800" class="image-box" />
{{Image pic.jpg, size=600x800}}   => <img src="pic.jpg" alt="pic.jpg" width="600" height="800" class="image-box" />
{{Image pic.jpg, width=600}}      => <img src="pic.jpg" alt="pic.jpg" width="600" class="image-box" />
{{Image pic.jpg, height=800}}     => <img src="pic.jpg" alt="pic.jpg" height="800" class="image-box" />

setting baseURL base/
{{Image rel.jpg}}   => <img src="base/rel.jpg" alt="base/rel.jpg" class="image-box" />
{{Image /abs.jpg}}  => <img src="abs.jpg" alt="abs.jpg" class="image-box" />
{{Image http://ext.jpg}}  => <img src="http://ext.jpg" alt="http://ext.jpg" class="image-box" />
setting baseURL -

inline {{Image pic.jpg}}         => inline <img src="pic.jpg" alt="pic.jpg" class="image" />
inline {{Image pic.jpg, Title}}  => inline <em class="format-error">Cannot inline formatted data because it only has block elements.</em>   ;; supplying a title makes the {{Image}} become block, thus the inline {{action}} complains and doesn't ruin the markup.


Multiline tests

{{Image pic.jpg, Our journey started there...}}
  =>
<div class="image-box">
<img src="pic.jpg" alt="pic.jpg" class="image" />
<div class="title">
<p>
Our journey started there…
</p>
</div>
</div>

{{Image pic.jpg, The Peaks., width=600}}
  =>
<div style="width: 610px" class="image-box">
<img src="pic.jpg" alt="pic.jpg" width="600" class="image" />
<div class="title">
<p>
The Peaks.
</p>
</div>
</div>

{{Image pic.jpg, What's it like?, 600x800}}
  =>
<div style="width: 610px" class="image-box">
<img src="pic.jpg" alt="pic.jpg" width="600" height="800" class="image" />
<div class="title">
<p>
What's it like?
</p>
</div>
</div>

{{Image pic.jpg, 100x100, 600x800}}
  =>
<div style="width: 610px" class="image-box">
<img src="pic.jpg" alt="pic.jpg" width="600" height="800" class="image" />
<div class="title">
<p>
100×100
</p>
</div>
</div>

{{Image pic.jpg, title=You can use **wiki** here}}
  =>
<div class="image-box">
<img src="pic.jpg" alt="pic.jpg" class="image" />
<div class="title">
<p>
You can use <strong>wiki</strong> here
</p>
</div>
</div>

%%(Image pic.jpg)
  Convenient syntax for larger title/descriptions:
  * a list item,
  * another one.
%%
  =>
<div class="image-box">
<img src="pic.jpg" alt="pic.jpg" class="image" />
<div class="title">
<p class="indent-1 default">
Convenient syntax for larger title/descriptions:
</p>
<ul>
<li style="list-style-type: disc">
a list item,
</li>
<li style="list-style-type: disc">
another one.
</li>
</ul>
</div>
</div>

%%(Image pic.jpg, title=Actual title)
  The title= arg overrides whatever is written here.
%%
  =>
<div class="image-box">
<img src="pic.jpg" alt="pic.jpg" class="image" />
<div class="title">
<p>
Actual title
</p>
</div>
</div>

%%(Image pic.jpg; HTML)
  <html arg="value">Here we highlight some HTML</html>
%%
  =>
<div class="image-box">
<img src="pic.jpg" alt="pic.jpg" class="image" />
<div class="title">
<div class="wackowiki format format-html">
<!--notypo--><pre class="code">  <span style="color: #000080;font-weight:bold;">&lt;html </span><span style="color: #800000;font-weight:bold;">arg=</span><span style="color: blue;">&quot;value&quot;</span><span style="color: #000080;font-weight:bold;">&gt;</span>Here we highlight some HTML<span style="color: #000080;font-weight:bold;">&lt;/html&gt;</span></pre><!--/notypo-->
</div>
</div>
</div>

string image_Root: param 幅 = width

{{Image файл=картинка.jpg, подпись="текст", размер=100x100, длина=100, высота=100}}
{{Image 画.jpg, 幅=100}}
  =>
<div style="width: 110px" class="image-box">
<img src="картинка.jpg" alt="картинка.jpg" width="100" height="100" class="image" />
<div class="title">
<p>
текст
</p>
</div>
</div>
<img src="画.jpg" alt="画.jpg" width="100" class="image-box" />
  ;; testing parameter aliases.
